@charset "utf-8";
/* CSS Document */


/*-----------------[初始化]--------------*/
body{color: #444;font-size: 12px;line-height: 1.5;font-family:"微软雅黑","Microsoft Yahei";}
h1,h2,h3,h4,h5{font-weight: lighter;}
a{color: #444;-o-transition:.3s;
-ms-transition:.3s;
-moz-transition:.3s;
-webkit-transition:.3s;
transition:.3s;}
a:hover{color: #1a5408;}
img{max-width: 100%;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
input,textarea,select{font-size: 12px;color: #444;
    font-family:"微软雅黑","Microsoft Yahei";outline: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
button, input, select, textarea {
    /*取消苹果手机方法效果*/
    font-size:16px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input[type='submit'],input[type='reset'],input[type='button'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type='submit'],input[type='reset'],input[type='button']{cursor: pointer;}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999; }
::-ms-input-placeholder {color: #999;}

.ani{
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}

/*布局*/
.wp{width: 100%;max-width: 1200px;margin: 0 auto;}

/*按钮*/
/*按钮1*/
.g-btn1{
    display: block;position: relative;width: 105px;height:40px;
    background: #72bb38;
}
.g-btn1 .mask{
    left: 0;top: 0;position: absolute;height: 100%;width: 0%;background:#1a5408;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.g-btn1 p{
    position: absolute;z-index: 999;
    width: 100%;height: 40px;line-height: 40px;text-align: center;
    font-size: 14px; color: #fff;}
.g-btn1:hover{color: #fff;}
.g-btn1:hover .mask{width: 100%;}
/*按钮2*/
.g-btn2{
    display: block;
    padding: 0;
    position: relative;
    z-index: 9;
    width:105px;
    height:38px;
    line-height:38px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    background: none;
    border: 2px solid #fff;
    color: #fff;
    transition: color 0.3s 0.05s ease;
}

.button__outline {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
 
}
.button__background {
  position: absolute;
  top: 0;
  width: 2px;
  height: 100%;
  background: #fff;
  z-index: -1;
}

.button__background--left {
  left: -2px;
}

.button__background--right {
  right: -2px;
  transition: 0.3s 0.05s ease;
}

/* Hover styles */
.g-btn2:hover {
  color: #1a5408;
  transition: color 0.3s 0.35s ease;
}
.g-btn2:hover .button__background--left{
  left: 100%;
  transition: left 0.3s 0.05s ease;
}
.g-btn2:hover .button__background--right{
  width: 100%;right: 0;
  transition: 0.3s 0.35s ease;
}

.g-btn3{display: inline-block;border: 2px solid #72bb38;color: #72bb38;width: 105px;line-height: 40px;text-align: center;font-size: 16px; text-indent:0;}
.g-btn3:hover{background: #72bb38;color: #fff;}

/*******************************
  -------[=头部]-------
********************************/
/*top*/
.hd-top{line-height: 26px;background: #363636;text-align: right;color: #E4E4E4;}
.hd-top span,.hd-top .select{margin: 0 10px;font-size: 12px;color: #E4E4E4;}
.hd-top .select{display: inline-block;cursor: pointer;position: relative;}
.hd-top .select dt{
    padding-right: 14px;background: url(../../images/img/u215.png) no-repeat right center;color: #E4E4E4;
    -o-transition:.3s;
    -ms-transition:.3s;
    -moz-transition:.3s;
    -webkit-transition:.3s;
    transition:.3s;
}
.hd-top .select:hover dt{color:#b1b1b1;}
.hd-top .select dd{display: none;position: absolute;z-index: 999;left: 0;top: 26px;width: auto;text-align: center;background-color: #1a6b4b;white-space: nowrap;}
.hd-top .select dd a{margin:0 5px;text-align: center;color: #E4E4E4;line-height: 23px;}
.hd-top .select dd a:hover{color: #fff;}
.hd-top .select:hover dd{display: block;}
/*head*/
.hd-head{height: 75px;background: #fff;}
.hd-head .logo{float: left;padding-top: 8px;}
.hd-head .logo img{width: 208px;height: 62px;}
.hd-head .logo .light{
cursor:pointer;
position: absolute;
left: -180px;
top: 8px;
width: 80px;
height: 62px;

background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

transform: skewx(-25deg);
-o-transform: skewx(-25deg);
-moz-transform: skewx(-25deg);
-webkit-transform: skewx(-25deg);
-ms-transform: skewx(-25deg);

animation:light_move 2.5s 1s infinite linear ;
-webkit-animation:light_move 2.5s 1s infinite linear ;
-moz-animation:light_move 2.5s 1s infinite linear ;
-o-animation:light_move 2.5s 1s infinite linear ;
-ms-animation:light_move 2.5s 1s infinite linear ;
}
/*.logo:hover .light{
left:320px;
-moz-transition:1s;
-o-transition:1s;
-webkit-transition:1s;
transition:1s;
}*/
@keyframes light_move {
0% {left:-180px;}
30%{left:248px}
75%{left:155px;}
100%{left:248px;}
}
@-moz-keyframes light_move {
0% {left:-180px;}
30%{left:248px}
75%{left:155px;}
100%{left:248px;}
}
@-webkit-keyframes light_move {
0% {left:-180px;}
30%{left:248px}
75%{left:155px;}
100%{left:248px;}
}
@-o-keyframes light_move{
0% {left:-180px;}
30%{left:248px}
75%{left:155px;}
100%{left:248px;}
}
@-ms-keyframes light_move{
0% {left:-180px;}
30%{left:248px}
75%{left:155px;}
100%{left:248px;}
}
@media only screen and (max-width: 959px){
	.hd-head .logo .light{
cursor:pointer;
position: absolute;
left: -180px;
top: 0px;
width: 80px;
height: 44px;

background-image: linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
background-image: -o-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));
background-image: -ms-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7),rgba(255,255,255,0));

transform: skewx(-25deg);
-o-transform: skewx(-25deg);
-moz-transform: skewx(-25deg);
-webkit-transform: skewx(-25deg);
-ms-transform: skewx(-25deg);

animation:light_move 2.5s 1s infinite linear ;
-webkit-animation:light_move 2.5s 1s infinite linear ;
-moz-animation:light_move 2.5s 1s infinite linear ;
-o-animation:light_move 2.5s 1s infinite linear ;
-ms-animation:light_move 2.5s 1s infinite linear ;
}
/*.logo:hover .light{
left:320px;
-moz-transition:1s;
-o-transition:1s;
-webkit-transition:1s;
transition:1s;
}*/
@keyframes light_move {
0% {left:-180px;}
30%{left:150px;}
75%{left:70px;}
100%{left:150px;}
}
@-moz-keyframes light_move {
0% {left:-180px;}
30%{left:150px;}
75%{left:70px;}
100%{left:150px;}
}
@-webkit-keyframes light_move {
0% {left:-180px;}
30%{left:150px;}
75%{left:70px;}
100%{left:150px;}
}
@-o-keyframes light_move{
0% {left:-180px;}
30%{left:150px;}
75%{left:70px;}
100%{left:150px;}
}
@-ms-keyframes light_move{
0% {left:-180px;}
30%{left:150px;}
75%{left:70px;}
100%{left:150px;}
}	
}
/*导航*/
#nav{padding-top: 22px;float: right;overflow: hidden;}
#nav li{float: left;margin: 0 23px;}
#nav .a1{display: block; line-height: 48px;border-bottom: 5px solid #fff;font-size: 14px;color: #333;}
#nav .g-btn1{margin-top: 5px;}
#nav .a1:hover,#nav li.on .a1{border-color:#72bb38;text-decoration: none;}
#nav li:last-child{margin-right: 0;}
/*手机按钮*/
#hamburger{   
    display: none;
    box-sizing: border-box;
    width: 65px;
    height: 40px;
    float: right;
    z-index: 4;
    position: fixed;
    right: 10px;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
    background: #1a5408;
    content: '';
    display: block;
    width: 30px;
    height: 4px;
    position: absolute;
    left: 20px;
}
#hamburger:before
{
    top: 10px;
}
#hamburger span
{
    top: 20px;
}
#hamburger:after
{
    top: 30px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
    -webkit-transition: none 0.5s ease 0.5s;
    transition: none 0.5s ease 0.5s;

    -webkit-transition-property: transform, top, bottom, left, opacity;
    transition-property: transform, top, bottom, left, opacity;
}
.mm-opening #hamburger:before,
.mm-opening #hamburger:after
{
    top: 16px;  
}
.mm-opening #hamburger span
{
    left: -50px;
    opacity: 0;
}
.mm-opening #hamburger:before
{
    transform: rotate( 45deg );
}
.mm-opening #hamburger:after
{
    transform: rotate( -45deg );
}



/*******************************
  -------[=banner]-------
*******************************/
#ban{width: 100%;clear: both;padding: 0;}

#ban .items{
    position: relative;height: 550px;width: 100%;
    background-position: center center;background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: cover;
    background-size: cover;
}
#ban .items a{
    display: block; position: relative;height: 100%;
    background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;
}
/*文本框*/
#ban .txt{
    font-size:36px;color: #fff;position: absolute;right:16%;top: 50%;width:365px;}
#ban .txt p{font-size: 22px;padding-left: 12px;border-left: 5px solid #fff;line-height: 30px;}
#ban .txt h3{font-weight: lighter;font-size: 30px;}
#ban .txt .g-btn2{margin-top: 40px;}

#ban .slick-dots{
    position: absolute;
    bottom:3%;
    text-align: center;
    width: 100%;
}
#ban .slick-dots li{
    display: inline-block;
    margin:0 5px;
}
#ban .slick-dots li a{
    display: block;
    font-size: 0;
    padding:0;
    width: 12px;
    height:12px;
    background:#bcbcbc;
    border:0;
    border-radius: 50%;
}
#ban .slick-dots li.slick-active a{
    background: #1a5408;
}

#ban .items .txt{display: block;}

#ban .items.slick-active .txt{
    display: block;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}

/*#ban .txt{
    -webkit-animation-duration:1.6s;
    animation-duration:1.6s;
}*/


/*******************************
  -------[=底部]-------
********************************/
#fd{
    clear: both;
    background: #f2f2f2;padding: 12px 0 65px;overflow: hidden;
    color: #666;border-bottom: 5px solid #72bb38;
}
.fd-tit{font-size: 14px;color: #666;line-height: 35px;padding-top: 8px;}
.fd-tit a{color: #666;}
.fd-tit a:hover{color: #1a5408;}
.fd-ul{float: left;}
.fd-ul li{padding-right:60px;float: left;}
.fd-ul dl{padding-top: 10px;}
.fd-ul dl a{line-height: 24px;color: #666;}
.fd-ul dl a:hover{color: #1a5408;}

.fd-contact{float: right;font-size: 14px;}
.fd-contact .tel{font-size: 16px;font-weight: bold;}
.fd-contact .tel span{font-weight: lighter;font-size: 12px;}
.fd-contact hr{border:none;height: 1px;background: #ddd;}
.top-note{color: #fff;position: absolute;width: 100%;text-align: center;left: 0;top: 0; display: none;display: block\9;}

/*2016-12-22*/
.hd-top .tel-img{width:22px;position:relative;top:6px;}